<template>
  <div>
    <button @click="handleClick">配置项与主区域交互样例</button>
  </div>
</template>

<script>

export default {
  name: "DesignConfiguration",
  components: {},
  props: ["vueProps"],
  data() {
    return {
      customConfig: this.vueProps.customConfig
    }
  },
  mounted() {
    this.customConfig.number = this.customConfig.number || 1
  },
  methods: {
    handleClick() {
      this.customConfig.number++
      this.vueProps.changeCustomConfig(this.customConfig)
    }
  }
}
</script>

<style scoped>

</style>